
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no"/>
<link rel="shortcut icon" type="image/ico" href="./style/image/ml.ico" /> <!-- 添加 favicon icon -->
<meta name="HandheldFriendly"content="true"/>
<meta http-equiv="x-rim-auto-match" content="none"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-touch-fullscreen" content="no"/><!-- 
<meta name="apple-mobile-web-app-capable" content="yes" />-->
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<meta name="format-detection" content="telephone=no">
<title>房妈妈</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="style/css/global.css" rel="stylesheet">
<link href="style/css/common.css" rel="stylesheet">
<script type="text/javascript" src="style/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="style/js/zepto.min.js"></script>
<script type="text/javascript" src="style/js/common.js"></script>
<script type="text/javascript">
$(function(){
	var height =window.innerHeight;
	var top =$('.header').height();
	var bot =$('.bot_nav').height();
	var mid =height -top -bot;
	$('.wrap').css('height',height);
	$('.pad_header.pad_botnav').css('height',mid)

})
</script>
<style type="text/css">
	div.wrap {
		overflow: hidden;
	}
	div.main.pad_header.ad_botnav {
		margin-top: 3.125rem;
		margin-bottom: 3.125rem;
	}
</style>

</head>

<body>
<div class="wrap">
	<!--头部-->
	<div class="header w_screen">
		<h1 class="title">房妈妈</h1>
		<div class="btn_select"><select class="city_select"><option>北京</option><option>厦门</option><option>泉州</option></select></div>
		<a href="javascript:history.go(-1);" class="btn_right"><span class="ico_message"></span><i class="tip"></i></a>
	</div>

	<!--底部菜单-->
	<div class="bot_nav w_screen">
        <ul>
            <li><a class="on" href="#"><span class="ico_bot_nav_1"></span><p>首页</p></a></li>
            <li><a href="#"><span class="ico_bot_nav_2"></span><p>找房</p></a></li>
            <li><a href="#"><span class="ico_bot_nav_3"></span><p>预看清单</p></a></li>
            <li><a href="#"><span class="ico_bot_nav_4"></span><p>我的</p></a></li>
        </ul>
    </div>

	<!--主体-->
	<div class="main pad_header pad_botnav">
		<div class="index_head" style ='height:40%;overflow: hidden'>
			<div class="banner"><img src="style/images/img_index_banner.jpg"></div>

			<!-- <div class="search_box"><div class="search"><input class="intxt" type="text" value="" placeholder="让房妈帮你搜索房子吧！"></div></div> -->
		</div>
		<div class="index_nav" style ='height:60%;overflow: hidden'>
			<div class="nav_1" style ='height:50%;'>
				<a class="item" href="#"><span class="ico_nav_1_1"></span><p>立即找房</p></a>
				<a class="item" href="#"><span class="ico_nav_1_2"></span><p>登记需求</p></a>
			</div>
			<div class="nav_2" style ='height:50%;'>
				<a class="item" href="#"><span class="ico_nav_2_1"></span><p>信用卡付房租</p></a>
				<a class="item" href="#"><span class="ico_nav_2_2"></span><p>发布房源</p></a>
				<!-- <a class="item" href="#"><span class="ico_nav_2_3"></span><p>发现</p></a> -->
			</div>
		</div>
	</div>
</div>

</body>
</html>